<div id = "body">

<h1>+ News</h1>
<div class = "clear"></div>


<form method="post" action="add_process" class = "form">
  <div class = "field"><label>Title</label><input type = "text" name = "title" class = "input size2" ></div>
  <div class = "field"><label>Start Date</label><input type = "text" name = "s_date" class = "input size1 datepicker" ></div>
  <div class = "field"><label>Finish Date</label><input type = "text" name = "f_date" class = "input size1 datepicker" ></div>
  <hr>
  <div class = "field"><label></label><input type = "submit" value = "Add" class = "btn">&nbsp;<a href = "#" class = "btn" onclick="javascript:history.back(1)">Cancel</a></div>
</form>

</div>

<style>
  .form label {
    width:80px;
  }
</style>
<script>
  $(document).ready(function(){
    $('.datepicker').datepicker({
      dateFormat: 'yy-mm-dd',
      changeMonth: true,
      changeYear: true
    });
  });
</script>
</div>